<template>
	<view class="spell_card">
		<view class="title">
			<view class="left">
				拼购说明
			</view>
			<view class="right" @click="toRule">
				更多规则
			</view>
		</view>
		<image :src="IMGLink + '/shopping/rule.png'" class="img"></image>

	</view>
</template>
<script>
	export default{
		data(){
			return {
				IMGLink:this.IMGLink
			}
		},
		methods:{
			toRule(){
				this.$emit('toRules')
			}
		}
	}
</script>

<style scoped lang="scss">
	@import '../../common/css/color.scss';
	
	.spell_card {
		padding-bottom: 20rpx;
		.title {
			height: 40rpx;
			line-height: 40rpx;
			padding: 8rpx;
			display: flex;
			justify-content: space-between;
			margin-bottom: 20rpx;
			.left {
				font-size: 30rpx;
				color: #070707;
			}

			.right {
				font-size: 24rpx;
				color: $grey;

			}

		}

		.img {
			width: 636rpx;
			height: 222rpx;
			margin: 0 auto;
			display: block;
		}
	}
</style>
